<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个 JQuery 程序</title>
    <!-- 第一：下载JQ -->

    <!-- 第二：在页面中，导入 JQ 文件 -->
    <script src="js/jquery-3.7.1.js"></script>


    <!-- 第三：使用 JQ -->
     <script>
        
        $(function(){
            // 注意：ID选择器返回唯一的一个 JQuery 对象
            // 而类选择器可能返回多个 JQuery 对象 - 多个 JQuery 对象的集合，我们称之为包装集
            $(".gg").css("color","red").css("font-size","30px") ;
        }) ;
            
     </script>
</head>
<body>
    <h1 class="gg">好好学习</h1>
    <p class="gg">天天向上</p>
</body>
</html>